import React from 'react'
import { NavLink } from 'react-router-dom'
import homeIcon from '../../assets/icons/home.png'
import cateIcon from '../../assets/icons/cate.png'
import messIcon from '../../assets/icons/mess.png'
import orderIcon from '../../assets/icons/order.png'
import myIcon from '../../assets/icons/my.png'

import './index.css'

export default function index() {
  return (
    <>
      <div className='FooterWhiteBox'></div>
      <div className='footerBar'>
        <NavLink to="/home" className='iconDiv'>
          <div>
            <img src={homeIcon} alt="" className='icon' />
          </div>
          <div>
            首页
          </div>
        </NavLink>
        <NavLink to="/cate" className='iconDiv'>
          <div>
            <img src={cateIcon} alt="" className='icon' />
          </div>
          <div>
            发现
          </div>
        </NavLink>

        <NavLink to="/mess" className='iconDiv'>
          <div>
            <img src={messIcon} alt="" className='icon' />
          </div>
          <div>
            消息
          </div>
        </NavLink>

        <NavLink to="/order" className='iconDiv'>
          <div>
            <img src={orderIcon} alt="" className='icon' />
          </div>
          <div>
            订单
          </div>
        </NavLink>

        <NavLink to="/login" className='iconDiv'>
          <div>
            <img src={myIcon} alt="" className='icon' />
          </div>
          <div>
            我的
          </div>
        </NavLink>
      </div>
    </>
  )
}
